@import url(../Shared/Shared.css);

#tools { padding: 15px 20px 0pt; margin-bottom: 20px;}
#tools #modes { float: right;}
#tools input { position:relative; top:2px;}

#tools label {
    background: #ededed url('btn_gradient_default.png') repeat-x;
    padding: 0 10px 3px 3px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #333;
    text-shadow: 0 1px 0 #efefef;
    margin-right: 3px;
    border: 1px solid #999;
    font-size: 0.9em;
    display:inline-block;
}

#tools li label.Checked {
    background: #222 url('btn_gradient.png') repeat-x;
    color: #fff;
    text-shadow: 0 -1px 0 #222;
}

#modes label { float:left; margin:0; }
#modes label:first-child {
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-right:none;
}
#modes label:last-child {
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-left:none;
}

.overview {
    width: 96.8%;
    margin: 20px 0 10px 20px;
}
.content {
    width: 96.8%;
    margin: 20px 0 0 20px;
    overflow: hidden;
}
.column {
    width: 700px;
    float: left;
}
.sidebar {
    width: 220px;
    float: left;
    margin-left: 30px;
    padding: 10px;
    font-size: 0.9em;
}

.workspace-tools {
    clear: both;
    width: 96.8%;
    margin: 20px 0 10px 20px;
}

.workspace-tools li {
   display: inline-block;
   padding: 2px;
}

/* status area */

.statusTable th { 
    background: #efefef url('btn_gradient_default.png'); 
    background-position: bottom left;
    background-repeat: repeat-x;
    border: 1px solid #acacac; 
    color: #444; 
    font-size: 1.2em; 
    font-family: Arial; 
    font-weight: bold; 
    text-align: center; 
    text-shadow: 0 1px 0 #efefef;
    padding: 3px 5px 3px 5px;
    width: 90px;
}
.statusTable td { 
    border: 1px solid #acacac; 
    color: #444; 
    font-size: 0.9em; 
    font-family: Arial; 
    font-weight: bold; 
    text-align: center; 
    text-shadow: 0 1px 0 #efefef;
    padding: 2px 5px 2px 5px;
}

/* dashbaord */

.dashboard h1 { border-bottom: 1px solid gray; padding-bottom: 4px; }
.dashboard .WorkItems { padding:0 10px; }
.dashboard table { width:100%; }
.dashboard .info {float:right;padding:4px 7px;}
.dashboard .TaskImport,.TaskAdd { float:right; }
.invisible { display:none; }

.Workspace {}
	.Workspace .ProductBacklog { clear: both; overflow: hidden; }
	.Workspace .ProductBacklog .WorkItems { margin-bottom: 25px; }
		.Workspace .TaskNotStarted { background-color: #fed778; }
		.Workspace .TaskInProgress { background-color: #fefcac; }
		.Workspace .TaskDone { background-color: #dcf9a5; }
		.Workspace .TaskPassed { background-color: #dcf9a5; }
		.Workspace .TaskPassed { background-color: #dcf9a5; }

/* state box */
.Backlog-NotStarted div.StateBox { background:silver; }
.Backlog-NotStarted span.StateBox { color:gray; }

.Backlog-InProgress div.StateBox { background:#CCAD00; }
.Backlog-InProgress span.StateBox { color:#CCAD00; }

.Backlog-Done div.StateBox { background:#dcf9a5; }
.Backlog-Done span.StateBox { color:#6d9f05; }

.Backlog-Broken div.StateBox { background:salmon; }
.Backlog-Broken span.StateBox { color:salmon; }

/* tasks */

.Task
{
    background-color: #efefef;
    float: left;
    margin: 3px;
    width: 154px;
    height: 64px;
    padding: 5px 3px 3px 4px;
    position:relative;
    overflow: hidden;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
.Task a{
    font-size: 0.9em;
    font-family: Arial;
    color: #999;
}

/* grid */

.GridMode .Header { padding:5px 0; }
.GridMode .Header em { font-weight:bold; font-size:1.2em; }
.GridMode .TaskFooter { position:absolute; bottom:2px; right:2px; }

/* list */

.ListMode .Header
{
    background: #666 url('btn_gradient_default.png'); 
    border-collapse: collapse;
    color: #efefef;
    width:100%;
    padding-top:2px;
    font-weight:bold;
}
.ListMode .Header em { font-weight:bold; padding:0 2px; }
.ListMode .Header a { color:#eee; padding:0 2px; }
.ListMode .Task {
    margin: 1px;
    padding: 2px 3px 2px 5px;
    float: none;
    width: auto;
    height: auto;
}
.ListMode .TaskFooter { float: right; }


.TaskId { color: #444; }
.TaskTitle span { cursor:move; }


/* Toggler */
.Togglers a
{
	display:block;
	float:left;
	background:transparent url(arrowRight_dark.png) no-repeat 50% 50%;
	width:18px;
	height:18px;
	padding:1px;
	text-indent:-1000px;
}
.Toggler a:hover { padding:0; border:dotted 1px silver; }
.Togglers a.ShowWorkItems { display:none; }
.Togglers a.HideWorkItems { text-indent:-1000px; background-image:url(arrowDown_dark.png); }
.ProductBacklog.HideWorkItems .WorkItems { display:none; }

/* New item dialog */

.NewItem input[type='text']
{
	width:100%;
}
.NewItem textarea
{
	width:100%;
	height:150px;
}
 
 .DialogList
 {   
    margin-top: 10px;
    font-size: 0.9em;
    font-family: Arial;
 }
  
 .DialogToolBar li
 {
    display: inline-block;
    font-size: 0.9em;
    font-family: Arial;
 }
